<template>
  <div class="main">
  <xl-header ref='header'></xl-header>
  <main class="main-container">
    <transition name="slide" mode="out-in">
      <router-view></router-view>
    </transition>
  </main>
  <aside-menu></aside-menu>
  </div>
</template>

<script>
import xlHeader from '../layout/header/header.vue'
import asideMenu from './asidemenu.vue'
export default {
  name: 'main',
  components: {
    xlHeader,
    asideMenu
  }
}
</script>